<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
  <ui:composition template="/template/pPrincipal.xhtml">
	<ui:define name="head">
		<title>Asesor 360</title>
		<script type="text/javascript">//<![CDATA[  
				function handleIncongruenciaDialogGuardar(xhr, status, args) {
					if(args.isIncongruenciasSaveOk) {
						popmpEditIncongruencias.hide();
			        }
			    }
        	//]]></script>
	</ui:define>
	<ui:define name="titulopagina">
		<h:outputText value="ADMINISTRACIÓN DE INCONGRUENCIAS PARA CUESTIONARIO DE PERFIL" />
	</ui:define>

	<ui:define name="agregaIconoExcelRe"/>
	<ui:define name="agregaIconoEmail"/>
	<ui:define name="agregaIconoPDFRe"/>
	<ui:define name="agregaIconoEjecutivos"/>
	
	<ui:define name="bodyarea">
		
		<f:event type="preRenderView" listener="#{administrarIncongruenciasController.onPageLoad}"/>
		<p:messages id="messages" showDetail="true" closable="true" />
		<h:panelGrid id="contenidoIncongruencias" width="100%" headerClass="cabeceraPanelSimple" cellspacing="0" 
				     cellpadding="5" styleClass="bordePanel" columns="1"
				     style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
      		<f:facet name="header">  
			       		<h:outputText value="Listado de Reglas de Incongruencia" />
			</f:facet>
			
			<h:panelGrid id="pnlGrillaIncongruencias">
				<p:commandButton id="idNuevoIncongruencias" icon="ui-icon ui-icon-document" value="Nuevo"
			            		 actionListener="#{administrarIncongruenciasController.nuevo}"
			            		 oncomplete="popmpEditIncongruencias.show()" 
			            		 update=":idmpNewEditIncongruencias,:formPrincipal:tableIncongruencias"/>
				<p:tooltip for="idNuevoIncongruencias" value="Nuevo"/>
				<p:dataTable id="tableIncongruencias" rowIndexVar="rowIndex" 
							 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}" 
							 rendered="#{!empty administrarIncongruenciasController.administrarCuestionarioModel.listData}" 
							 emptyMessage="No existe información."
							 paginator="true" rows="10"
							 value="#{administrarIncongruenciasController.administrarCuestionarioModel.listData}" 
							 var="row">
					<p:columns value="#{administrarIncongruenciasController.administrarCuestionarioModel.listColumns}" columnIndexVar="index" 
							   var="column">
						<f:facet name="header">
							<p:column>	
								#{column.headerText}
							</p:column>
						</f:facet>
						<p:column>
							#{row[index].valor}
						</p:column>
					</p:columns>
					<p:column width="10">
			            <p:commandButton id="idEditIncongruencias" icon="ui-icon-pencil"
			            				 actionListener="#{administrarIncongruenciasController.editar(row)}"
			            				 update=":idmpNewEditIncongruencias,:formPrincipal:tableIncongruencias" 
			            				 oncomplete="popmpEditIncongruencias.show()"/> 				 
			            <p:tooltip for="idEditIncongruencias" value="Editar"/>				 
			        </p:column>
			        <p:column width="10">
			            <p:commandButton id="idDeleteIncongruencias" icon="ui-icon-trash"
			            				 actionListener="#{administrarIncongruenciasController.eliminarIncongruencia(row)}"
			            				 update=":formModalFormuIncongruencias:idPnlNewEditIncongruencias,:formPrincipal:tableIncongruencias"
			            				 oncomplete="popmpConfEliminarIncong.show()"/>
						<p:tooltip for="idDeleteIncongruencias" value="Eliminar"/>				 
			            				 
			        </p:column>
				</p:dataTable>				
			</h:panelGrid>
		</h:panelGrid>	
   		<p:blockUI block=":formPrincipal:contenidoIncongruencias" trigger=":formPrincipal:idNuevoIncongruencias,:formPrincipal:tableIncongruencias">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
		</p:blockUI>
	</ui:define>
	
	<ui:define name="extraarea">
			<p:dialog id="idmpNewEditIncongruencias" header="#{administrarIncongruenciasController.modalTitulo}"
				widgetVar="popmpEditIncongruencias" modal="true" dynamic="true" width="600">
				<h:form id="formModalFormuIncongruencias">
					<p:messages id="messagesFormIncongruencia" showDetail="true" closable="true" />
					<h:panelGrid id="idContentMainM" width="100%">
						<h:panelGrid id="idPnlNewEditIncongruencias" columns="1" width="100%">
							<h:panelGroup id="idPnlFieldsEditIncongruencia">
								<h:panelGrid columns="5" width="100%" rendered="#{administrarIncongruenciasController.showEdit}">
									<h:outputText value="Usuario Modificación:" styleClass="texto" />
									<h:inputText disabled="true" value="#{administrarIncongruenciasController.administrarCuestionarioModel.strUsuUltModificacion}"/>
									<p:spacer width="10px" height="10px" />
									<h:outputText value="Fecha Modificación:" styleClass="texto"/>
									<h:inputText disabled="true" value="#{administrarIncongruenciasController.administrarCuestionarioModel.strFecUltModificacion}"/>
								</h:panelGrid>
							</h:panelGroup>
							<h:panelGrid width="100%" styleClass="bordePanel" cellspacing="0" 
										 cellpadding="5" style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">
								<p:dataTable id="tableFormIncongruencias" 
									 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}"
									 value="#{administrarIncongruenciasController.administrarCuestionarioModel.preguntasIncronguentes}"  var="row">
									<p:column>			 
										<f:facet name="header">
											<h:outputText value="Orden:" styleClass="texto"/>		
										</f:facet>
										<h:outputText value="#{row.ordenPregunta}" id="ordenPregunta"/> 
									</p:column>
									<p:column>			 
										<f:facet name="header">
											<h:outputText value="Preguntas:" styleClass="texto"/>		
										</f:facet>
										<h:outputText value="#{row.idPregunta}" id="idpregunta"/>
										<p:tooltip for="idpregunta" value="#{row.descripcionPregunta}"/>	
									</p:column>
									<p:column>			 
										<f:facet name="header">
											<h:outputText value="Alternativa por Pregunta:" styleClass="texto"/>		
										</f:facet>
										<h:selectOneMenu value="#{row.idAlternativa}" style="width:250px">
											<f:selectItems value="#{row.cmbAlternativas}"/>
										</h:selectOneMenu>
									</p:column>
								</p:dataTable>							 			 
							</h:panelGrid>
							<h:panelGrid id="pnlFormIncongruenciaComentario">
								<h:outputText value="Comentario" styleClass="texto"/>
								<p:inputTextarea id="comentarios" styleClass="textoArea"
												 value="#{administrarIncongruenciasController.administrarCuestionarioModel.comentarios}"/>
							</h:panelGrid>
							<h:outputText styleClass="messages" id="mensajeError"/>
							<h:panelGrid columns="4" width="100%">
								<p:spacer width="55px" height="10px" />
								<p:commandButton icon="ui-icon-disk" value="Guardar" id="btnGuardarM" 
												 actionListener="#{administrarIncongruenciasController.guardar}"
											     oncomplete="handleIncongruenciaDialogGuardar(xhr, status, args)"/>
								<p:spacer width="25px" height="10px" />			     
								<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmpEditIncongruencias.hide()"/>
							</h:panelGrid>			 
						</h:panelGrid>
						<h:outputText value="#{administrarIncongruenciasController.mensajeError}" styleClass="messages" id="txtMensajeValidacion"/>
					</h:panelGrid>
					<p:blockUI block=":formModalFormuIncongruencias:idContentMainM" trigger=":formModalFormuIncongruencias:btnGuardarM">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Guardando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
				</h:form>
			</p:dialog>
			
			<p:dialog id="mpConfEliminarIncongruencia" header="Mensaje confirmación"
					  widgetVar="popmpConfEliminarIncong" modal="true" dynamic="true">
				<h:form id="formModalDialogEliminarIncong">
				   <h:panelGrid columns="1" width="50%">
						<h:outputText value="¿Está seguro que desea eliminar la incongruencia?" style="align-text:center" styleClass="texto"/>
						<h:panelGrid columns="2">
							<p:commandButton id="btnOkEliminarI" actionListener="#{administrarIncongruenciasController.eliminarAction}"
							 	icon="ui-icon ui-icon-check" value="Aceptar" oncomplete="popmpConfEliminarIncong.hide()"/>
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmpConfEliminarIncong.hide()" />
						</h:panelGrid>
					</h:panelGrid>				
				</h:form>
			</p:dialog>
	</ui:define>							
  </ui:composition>
 </html>